<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<title>New King Lee's Chinese - Online Food Delivery Catering in San Francisco</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script src="js/usr.js?rev=9"></script>

<style>
.ui-page {background:url('img/bg.png') repeat}
#m_header {background: url("img/hdr_bg.png") 0 0 repeat-x}
#btn_view_cart {background: url("img/n_cart_bg.png") 0 0 repeat-x}

#usr_popup_order, #usr_edit_cart_item {min-width:300px;text-align:center}

[data-role="navbar"] a.ui-icon-check, [data-role="popup"] a.ui-icon-check {background: url("img/b_check_bg.png") 0 0 repeat-x}
[data-role="navbar"] a.ui-icon-delete, [data-role="popup"] a.ui-icon-delete {background: url("img/b_delete_bg.png") 0 0 repeat-x}
[data-role="navbar"] a.ui-icon-back {background: url("img/b_back_bg.png") 0 0 repeat-x}
[data-role="navbar"] a.ui-icon-bullets {background: url("img/b_check_bg.png") 0 0 repeat-x}
[data-role="navbar"] a.ui-icon-shop {background: url("img/b_shop_bg.png") 0 0 repeat-x}

#cart_item_list {background-color:#fff}
#cart_item_list >tbody td {height:36px;cursor:pointer}
#cart_item_list >tbody td:nth-child(3) {text-align:right}
#cart_item_list >tbody td:nth-child(2) {text-align:center}
#cart_item_list >tfoot td {text-align:right;font-weight:bold}

.item_popup_ct >:nth-child(2) {color:#5573ab}
.item_popup_ct >:nth-child(4) {color:#345893}

#cart_item_list_popup_extra, #cart_clear_confirm {text-align:center}

#page_index li, #page_index li a {text-align:center}

.field_error {color:#e12020}

</style>

</head>
<body>

<!-- +NAV PANEL -->
<div data-role="panel" id="usr_panel_nav" data-position-fixed="true" data-display="overlay" data-theme="a">
<ul data-role="listview">
<li data-icon="home"><a href="#page_index">Home</a></li>
<li data-icon="bullets"><a href="#page_place_order">Place Order</a></li>
<li data-icon="check"><a href="#page_view_cart">View Cart</a></li>
<li data-icon="user"><a href="#page_my_account">My Account</a></li>
</ul>
</div>
<!-- -NAV PANEL -->

<!-- +HEADER -->
<div id="m_header" data-role="header" data-position="fixed" data-tap-toggle="false" data-theme="a">
<a href="#usr_panel_nav" class="ui-btn ui-btn-icon-notext ui-corner-all ui-icon-bars ui-nodisc-icon ui-alt-icon ui-btn-left">Menu</a>
<a id="btn_view_cart" href="#page_view_cart" class="ui-btn-right ui-btn ui-corner-all ui-btn-icon-left ui-icon-shop"></a>
<h1 style="background:url('img/goldfish.png') 0 0 no-repeat">New King Lee's Chinese</h1>
</div>
<!-- -HEADER -->



<!-- +PAGE HOME -->
<div data-role="page" id="page_index">
    
<div data-role="main" class="ui-content">

<ul data-role="listview">
<li><p><img src="img/demo.jpg" alt="" border="0" /></p></li>
<li>DINE-IN . TAKE-OUT . DELIVERY</li>
<li><h4>Free Delivery (within 45 - 60 Mins, Mininum Order $15)</h4></li>
<li>Fresh Garden Vegetables</li>
<li>Free Parking 1.5 Hours</li>
<li>(415)563-8882</li>
<li><a href="https://goo.gl/maps/CNgBC" target="_blank">1426 A Fillmore Street. SF, CA 94115</a></li>
<li>Open 7 Days: 11:00 AM - 09:30 PM</li>
</ul>

</div>

<!-- +FOOTER -->
<div class="m_footer_home" data-role="footer" data-position="fixed" data-tap-toggle="false" data-theme="a">
<div data-role="navbar"><ul><li><a href="#page_place_order" class="ui-btn ui-icon-bullets ui-btn-icon-top ui-corner-all">Place Order</a></li></ul></div>
</div>
<!-- -FOOTER -->

</div>
<!-- -PAGE HOME -->


<!-- +PAGE VIEWORDER -->
<div data-role="page" id="page_view_cart">
<div data-role="main" class="ui-content">

<div data-role="popup" id="cart_item_list_popup_extra">
<div data-role="header"><h1>Cart Extra</h1><a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a></div>
<div data-role="main" class="ui-content">
<div style="border:1px solid #ccc;background:#f0f0f0">
<p>+ $1 Bag Fee</p>
</div>
<div class="ui-field-contain"><label for="cart_item_list_popup_extra_tip">Tip:</label><input type="number" name="tip" id="cart_item_list_popup_extra_tip"/></div>
<a href="#" class="ui-btn ui-icon-check ui-btn-icon-left ui-btn-inline ui-corner-all">Update</a>
</div>
</div>

<div data-role="popup" id="cart_clear_confirm">
<div data-role="header"><h1>Clear Cart?</h1><a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a></div>
<div data-role="main" class="ui-content">
<h4>Are you sure to clear the cart?</h4>
<a href="#" class="ui-btn ui-icon-check ui-btn-icon-left ui-btn-inline ui-corner-all">Confirm</a>
</div>
</div>

<div data-role="popup" id="usr_edit_cart_item">
<div data-role="header"><h1>Edit Cart Item</h1><a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a></div>
<div data-role="main" class="ui-content item_popup_ct">
<h4></h4>
<h3></h3>
<div class="ui-field-contain">
<label for="usr_edit_cart_item_qty">Quantity:</label>
<input name="inp_qty" type="range" value="1" min="1" max="15" data-hightlight="true" data-show-value="true" id="usr_edit_cart_item_qty" />
</div>
<h3></h3>
<a href="#" class="ui-btn ui-icon-delete ui-btn-icon-left ui-btn-inline ui-corner-all">Remove</a>
<a href="#" class="ui-btn ui-icon-check ui-btn-icon-left ui-btn-inline ui-corner-all">Update</a>
</div>
</div>

<table data-role="table" data-mode="" class="ui-body-d ui-shadow table-stripe ui-responsive" id="cart_item_list">
<thead><th>Name</th><th width="30">Qty</th><th width="60">ExPrice</th></thead>
<tbody></tbody>
<tfoot>
<tr style="cursor:pointer"><td colspan="2">Tip:</td><td></td></tr>
<tr style="cursor:pointer"><td colspan="2">(Delivery Min: $15) Total:</td><td></td></tr>
</tfoot>
</table>


<!-- +FOOTER -->
<div class="m_footer_view_cart" data-role="footer" data-position="fixed" data-tap-toggle="false" data-theme="a">
<div data-role="navbar"><ul>
<li><a href="" data-rel="back" class="ui-btn ui-icon-back ui-btn-icon-top ui-corner-all">Back</a></li>
<li><a href="#page_check_out" onclick="return !is_cart_empty();" class="ui-btn ui-icon-check ui-btn-icon-top ui-corner-all">Check Out</a></li>
<li><a href="#cart_clear_confirm" onclick="return !is_cart_empty();" data-rel="popup" data-position-to="window" class="ui-btn ui-icon-delete ui-btn-icon-top ui-corner-all">Clear</a></li>
</ul></div>
</div>
<!-- -FOOTER -->

</div>
</div>
<!-- -PAGE VIEWORDER -->

<!-- +PAGE PLACEORDER -->
<div data-role="page" id="page_place_order">

<div data-role="main" class="ui-content">

<div data-role="popup" id="usr_popup_order_vary_price" style="padding:10px">
<a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
<h4>Call us at (415)563-8882 to order this special item</h4>
</div>

<div data-role="popup" id="usr_popup_order">
<div data-role="header"><h1>Add To Cart</h1><a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a></div>
<div data-role="main" class="ui-content item_popup_ct">
<h4></h4>
<h3></h3>
<div class="ui-field-contain">
<label for="usr_popup_order_qty">Quantity:</label>
<input name="inp_qty" type="range" value="1" min="1" max="15" data-hightlight="true" data-show-value="true" id="usr_popup_order_qty" />
</div>
<h3></h3>
<a href="#" class="ui-btn ui-icon-check ui-btn-icon-left ui-btn-inline ui-corner-all">Add</a>
</div>
</div>

<form class="ui-filterable"><input id="x_search" data-type="search" placeholder="search.."></form>

<?php
require_once("data.php");
foreach($g_cate as $c) {
    printf('<div data-role="collapsible" data-inset="false"><h4>%s</h4><ul data-role="listview" data-theme="b" data-filter="true" data-input="#x_search">', htmlentities($c[0][0]));
    for($i = $c[1][0] - 1; $i < $c[1][1]; $i++) {
        $m = $g_menu[$i];
        for($j = 0; $j < count($m[1]); $j++) {
            if($m[0] !== null)
                printf('<li data-icon="plus"><a href="#" onclick="return confirm_add.call(this, %d);"><span>%03d. %s</span><span class="ui-li-count">$%0.2f</span></a></li>', $i * 10 + $j, $i + 1, htmlentities($m[1][$j]), $m[0]);
            else
                printf('<li data-icon="plus"><a href="#usr_popup_order_vary_price" data-rel="popup"><span>%03d. %s</span><span class="ui-li-count">*Vary</span></a></li>', $i + 1, htmlentities($m[1][$j]));
        }
    }
    printf('</ul></div>');
}
?>

</div>

<!-- +FOOTER -->
<div class="m_footer_place_order" data-role="footer" data-position="fixed" data-tap-toggle="false" data-theme="a">
<div data-role="navbar"><ul><li><a href="#page_view_cart" class="ui-btn ui-icon-shop ui-btn-icon-top ui-corner-all">View Cart</a></li></ul></div>
</div>
<!-- -FOOTER -->

</div>

<!-- -PAGE PLACEORDER -->



<!-- +PAGE LOGIN -->
<div data-role="page" id="page_login">

<div data-role="main" class="ui-content">


<ul data-role="listview" data-inset="true" id="login_form">
<li data-role="list-divider">Log In</li>
<li class="ui-field-contain"><label for="u_page_login_phone">Email Or Cell Phone:</label><input type="text" name="phone_or_email" id="u_page_login_phone"/></li>
<li class="ui-field-contain"><label for="u_page_login_passwd">Password:</label><input type="password" name="passwd" id="u_page_login_passwd"/></li>
<li style="color:red;font-weight:bold;white-space:normal">&nbsp;</li>
</ul>
<a class="ui-btn ui-corner-all ui-btn-icon-top ui-icon-check" id="login_btn_login">Log In</a>
</div>

<!-- +FOOTER -->
<div class="m_footer_login" data-role="footer" data-position="fixed" data-tap-toggle="false" data-theme="a">
<div data-role="navbar"><ul>
<li><a href="" data-rel="back" class="ui-btn ui-icon-back ui-btn-icon-top ui-corner-all">Back</a></li>
<li><a href="" class="ui-btn ui-icon-alert ui-btn-icon-top ui-corner-all">Forgot Password</a></li>
</ul></div>
</div>
<!-- -FOOTER -->

</div>
<!-- -PAGE LOGIN -->


<!-- +PAGE MYACCOUNT -->
<div data-role="page" id="page_my_account">
    
<div data-role="main" class="ui-content">



</div>

<!-- +FOOTER -->
<div class="m_footer_my_account" data-role="footer" data-position="fixed" data-tap-toggle="false" data-theme="a">
<div data-role="navbar"><ul>
<li><a href="" data-rel="back" class="ui-btn ui-icon-back ui-btn-icon-top ui-corner-all">Back</a></li>
<li><a href="" class="ui-btn ui-icon-power ui-btn-icon-top ui-corner-all">Log Out</a></li>
</ul></div>
</div>
<!-- -FOOTER -->

</div>
<!-- -PAGE MYACCOUNT -->

<!-- +PAGE CHECKOUT -->
<div data-role="page" id="page_check_out">
<div data-role="main" class="ui-content">

<a href="#page_login" class="ui-btn ui-corner-all" id="co_btn_login">I have An Account, Log Me In</a>

<ul data-role="listview" data-inset="true" id="co_account_info">
<li data-role="list-divider">Create An Account (Optional)</li>
<li class="ui-field-contain"><label for="a_phone">Email Or Cell Phone:</label><input type="text" name="phone_or_email" id="a_phone"/></li>
<li class="ui-field-contain"><label for="a_passwd">Password:</label><input type="password" name="passwd" id="a_passwd"/></li>
</ul>

<ul data-role="listview" data-inset="true" id="co_order_info">
<li data-role="list-divider">Order Information</li>
<li class="ui-field-contain"><div data-role="controlgroup" data-type="horizontal">
<legend>Type:</legend>
<label for="ot_pickup">Pickup</label>
<input type="radio" name="type" id="ot_pickup" value="pickup"/>
<label for="ot_delivery">Delivery</label>
<input type="radio" name="type" id="ot_delivery" value="delivery" checked="checked"/>
</div></li>
<li class="ui-field-contain"><label for="o_name">Name:</label><input type="text" name="name" id="o_name"/></li>
<li class="ui-field-contain"><label for="o_phone">Phone:</label><input type="number" name="phone" id="o_phone"/></li>
<li class="ui-field-contain"><label for="o_address">Delivery Address:</label><input type="text" name="address" id="o_address"/></li>
<li class="ui-field-contain"><label for="o_comment">Comment:</label><input type="text" name="comment" id="o_comment"/></li>
</ul>

<ul data-role="listview" data-inset="true" id="co_payment_info">
<li data-role="list-divider">Payment Information</li>
<li class="ui-field-contain"><label for="o_bill_name">Name:</label><input name="name" type="text" id="o_bill_name"/></li>
<li class="ui-field-contain"><label for="o_bill_address">Billing Address:</label><input name="address" type="text" id="o_bill_address"/></li>
<li class="ui-field-contain"><label for="o_card_number">Card Number:</label><input type="number" name="number" id="o_card_number"/></li>
<li class="ui-field-contain"><label for="o_s_code">Security Code (?):</label><input type="password" name="code" pattern="[0-9]*" inputmode="numeric" id="o_s_code"/></li>
<li class="ui-field-contain"><div data-role="controlgroup" data-type="horizontal">
<legend>Expiration:</legend>
<select name="month"><option value="">MM</option>
<?php
for($i = 1; $i <= 12; $i++) printf("<option>%02d</option>", $i);
?>
</select>
<select name="year"><option value="">YYYY</option>
<?php
$dt = getdate();
$yr = $dt['year'];
for($i = 0; $i <= 10; $i++) printf("<option>%04d</option>", $yr + $i);
?>
</select>
</div></li>
</ul>

</div>

<!-- +FOOTER -->
<div class="m_footer_view_cart" data-role="footer" data-position="fixed" data-tap-toggle="false" data-theme="a">
<div data-role="navbar"><ul>
<li><a href="" data-rel="back" class="ui-btn ui-icon-back ui-btn-icon-top ui-corner-all">Back</a></li>
<li><a class="ui-btn ui-icon-check ui-btn-icon-top ui-corner-all" id="btn_submit_order">Submit Order</a></li>
</ul></div>
</div>
<!-- -FOOTER -->

</div>




<!-- -PAGE CHECKOUT -->

</body>
</html>
